<template>
	<view
		:class="[btnDisabled?'op05':'',className]"
		@click="btn()"
		@click.stop="btnStop()">
		{{name}}
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name:"c-botton",
		props: {
			btnDisabled:{
				type: Boolean,
				default: false,
			},
			name: {
				type: String,
				default: ''
			},
			className: {
				type: String,
				default: 'btn-close radius23 pd034 flex-box fs24 minh46 lh26 tac ffmi mgl16 bd009 theme-color'
			}
		},
		data() {
			return {

			};
		},
		methods: {
			btn(){
				this.$emit('click')
			},
			btnStop(){
				this.$emit('click.stop')
			},
		}
	}
</script>

<style lang="less" scoped>

</style>
